<template>

	<div>
		<home-header :city="city"></home-header>
		<home-swiper :List="swiperList"></home-swiper>
		<home-icons :List ="iconList"></home-icons>
		<home-recommend :List="recommendList">
		</home-recommend  >
		<home-weekend :List = "weekendList"></home-weekend>
		
	</div>
	
</template>

<script >
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/icons'
import HomeRecommend from './components/recommend'
import HomeWeekend from './components/weekend'
import axios from 'axios'
export default {
name: 'Home',
components:{
	HomeHeader,
	HomeSwiper,
	HomeIcons,
	HomeRecommend,
	HomeWeekend
	},
	data () {
			return {
				city: ' ',
				swiperList:  [ ],
				iconList:[],
				recommendList:[],
				weekendList:[]
			}	
		},
	methods:{
		getHomeInfo(){
			axios.get('/api/index.json')
			.then(this.getHomeInfosucc)
		},
		
		getHomeInfosucc (res) {
				res = res.data
				if (res.ret && res.data) {
					const data = res.data
					this.city = data.city
					this.swiperList = data.swiperList
					this.iconList = data.iconList
					this.recommendList = data.recommendList
					this.weekendList = data.weekendList
				}
				
		}
	},
	mounted	  ()  {
		this.getHomeInfo()
	}
}
</script>

<style >
</style>